
// ------------------获取类被列表，并渲染在页面当中--------------------
function renderCategory() {
    $.ajax({
        url: '/my/article/cates',
        success: function (res) {
            console.log(res);
            // 通过模板引擎把结果渲染到页面中
            // let 数据和模板组合好的结果 = templete('模板id',JS对象)
            layer.msg(res.message);
            if (res.status === 0) {
                let html = template('test', res);
                // 最终把结果放到tbody里面
                $('tbody').html(html);
            }
        }
    })
}
renderCategory();


// ----------------删除-------------
$('body').on('click', 'button:contains("删除")', function () {
    let id = $(this).data('id')
    // 询问是否删除
    layer.confirm('是否删除?', { icon: 3, title: '提示' }, function (index) {
        //do something
        $.ajax({
            url: '/my/article/deletecate/' + id,
            success: function (res) {
                layer.msg(res.message);
                if (res.status === 0) {
                    renderCategory();
                }
            }
        })
        // 完成删除功能
        layer.close(index);
    });
})
// ----------------点击按钮，弹出-------------
var ind;
$('body').on('click', 'button:contains("添加类别")', function () {
    // alert(123);
    ind = layer.open({
        type: 1,
        title: '添加文章类别',
        content: $('#tpl-add').html(),
        area: ['500px', '250px']
    });
})
// --------------提交-----------
$('body').on('submit', '.add-form', function (e) {
    e.preventDefault();
    let data = $(this).serialize();
    console.log(data);
    $.ajax({
        type: 'POST',
        url: '/my/article/addcates',
        data,
        success: function (res) {
            layer.msg(res.message);
            if (res.status === 0) {
                renderCategory();
                layer.close(ind);
            }
        }
    })
})
// -----------点编辑出弹框---------
let editIndex;
let edit_id;
let form = layui.form;
$('body').on('click', 'button:contains("编辑")', function () {
    edit_id = $(this).data('id');
    // ----------回填-----
    $.ajax({
        url:'/my/article/cates/'+edit_id,
        success:function (res) {
            console.log(res);
            form.val('edit',res.data);
        }
    })
    editIndex = layer.open({
        type: 1,
        title: '修改文章分类',
        content: $('#tpl-edit').html(),
        area: ['500px', '250px'],
    });
})


// ----------修改-------------
$('body').on('submit', '.edit-form', function (e) {
    e.preventDefault();
    console.log($('.edit_name').val());
    console.log($('.edit_alias').val());
    $.ajax({
        type: 'POST',
        url: '/my/article/updatecate',
        data: {
            Id: edit_id,
            name: $('.edit_name').val(),
            alias: $('.edit_alias').val()
        },
        success: function (res) {
            layer.msg(res.message);
            renderCategory();
            layer.close(editIndex);
        }
    })
})